<#compress>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>品牌</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/mobileweb/2/css/style.css?_=${.now?string("yyyy-MM-dd")}">

</head>

<body>
<div class="wrap">
    <div class="pctlist">
        <div id="leftTabBox2" class="tabBox tabBox2">
            <div class="hd">
                <ul>
                    <li id="brandType"><a href="#">业态</a></li>
                    <li id="floorType"><a href="#">楼层</a></li>
                </ul>
            </div>
            <div class="bd2">
                <div>
                    <#if brandList?? && brandList?size gt 0>
                        <#list brandList  as item>
                            <h1>${item.getBrandFormat().get("name")}<a
                                    href="${ctx}/mobileweb/brand/brandmore?id=${item.getBrandFormat().get("id")}&type=brand&mid=${mid!}&wxno=${wxno!}">更多&nbsp;></a>
                            </h1>
                            <ul>
                                <#list item.getBrandList() as data>
                                    <li>
                                        <a href="${ctx}/mobileweb/brand/showbrand?id=${data.get("id")}&mid=${mid!}&wxno=${wxno!}" class="avator">
                                            <#if data.get("logo")??>
                                                <img src="${ctx}/static/mobileweb/images/loading.png" data-lazy="true" style="height: 60px; width: 60px;"
                                                     data-original="${ctx}${data.get("logo")!}" alt="">
                                            <#else>
                                                <img src="${ctx}/static/mobileweb/images/no_img.png" alt="">
                                            </#if>
                                        </a>

                                        <a href="${ctx}/mobileweb/brand/showbrand?id=${data.get("id")}&mid=${mid!}&wxno=${wxno!}" class="znc_brand_name"> ${data.get("name")!} </a>
                                    </li>
                                </#list>
                            </ul>
                        </#list>
                    <#else>
                        <div class="mallactbox" style="text-align:center;padding:20px 0; background:#ECECEC; box-shadow:none;">
                             <span>
                                 <img style="max-width:20%;" src="${ctx}/static/mobileweb/1/images/tipWarIco.jpg" alt=""/>
                             </span>

                            <p style="color:#ccc;margin-top:4px;">暂无数据！</p>
                        </div>
                    </#if>

                </div>
                <div>
                    <#list floorBrandList  as item>
                        <h1>${item.getFloor().get("name")}<a
                                href="${ctx}/mobileweb/brand/brandmore?id=${item.getFloor().get("id")}&type=floor&mid=${mid!}&wxno=${wxno!}">更多&nbsp;></a>
                        </h1>
                        <ul>
                            <#list item.getBrandList() as data>
                                <li>
                                    <a href="${ctx}/mobileweb/brand/showbrand?id=${data.get("id")}&mid=${mid!}&wxno=${wxno!}" class="avator">
                                        <#if data.get("logo")??>
                                            <img src="${ctx}/static/mobileweb/images/loading.png" data-lazy="true" style="height: 60px; width: 60px;"
                                                 data-original="${ctx}${data.get("logo")!}" alt="">
                                        <#else>
                                            <img src="${ctx}/static/mobileweb/images/no_img.png" alt="">
                                        </#if>
                                        <p class="znc_brand_name"></p>
                                    </a>
                                    <a href="${ctx}/mobileweb/brand/showbrand?id=${data.get("id")}&mid=${mid!}&wxno=${wxno!}" class="znc_brand_name"> ${data.get("name")!} </a>
                                </li>
                            </#list>
                        </ul>
                    </#list>
                </div>

            </div>
        </div>

    </div>


</div>
<script src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
<script src="${ctx}/static/mobileweb/scripts/TouchSlide.1.1.js"></script>
<script src="${ctx}/static/mobileweb/scripts/jquery.lazyload.min.js"></script>
<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });
    $(document).ready(function () {
        var loaded = {
            brand: false,
            floor: false
        };

        TouchSlide({ slideCell: "#leftTabBox2", mainCell: ".bd2", defaultIndex: ${(type == "floor")?string("1","0")}, endFun: function(idx, tal){

            setTimeout(function(){
                if (!loaded.brand || !loaded.floor)
                    $('img[data-lazy="true"]').lazyload({effect: "fadeIn", placeholder: "${ctx}/static/mobileweb/images/no_img.png"});

                if(idx == 0){
                    loaded.brand = true;
                } else {
                    loaded.floor = true;
                }
            },300);
        }});

    });
</script>
</body>
</html>
</#compress>